//  活动促销页面
.promotion {

    // 轮播图
    .banner {
        height   : 512px;
        min-width: 1200px;

        img {
            width : 100%;
            height: 100%;
        }
    }

    // 商品 列表
    .goodsList {
        margin-top    : 40px;
        padding-bottom: 40px;
        display       : flex;
        flex-wrap     : wrap;
        padding-left  : 40px;
    }

    // 商品详情
    .goodsDetails {
        width        : 250px;
        height       : 418px;
        background   : rgba(255, 255, 255, 1);
        border       : 1px solid rgba(204, 204, 204, 1);
        box-shadow   : 0px 4px 5px 0px rgba(0, 0, 0, 0.1);
        font-size    : 16px;
        margin-right : 38px;
        margin-bottom: 40px;

        img {
            width : 100%;
            height: 248px;
        }

        p {
            padding-left: 10px;
        }

        span {
            color: #F00000;
        }

        p:nth-of-type(1) {
            font-size    : 24px;
            font-family  : Microsoft YaHei;
            font-weight  : 400;
            color        : rgba(240, 0, 0, 1);
            margin-bottom: 6px;
            margin-top   : 4px;
        }

        p:nth-of-type(2) {
            height       : 37px;
            font-size    : 16px;
            font-family  : Microsoft YaHei;
            font-weight  : 400;
            color        : rgba(51, 51, 51, 1);
            line-height  : 20px;
            margin-bottom: 10px;
        }

        p:nth-of-type(3) {
            font-size    : 16px;
            font-family  : Microsoft YaHei;
            font-weight  : 400;
            color        : rgba(51, 51, 51, 1);
            line-height  : 20px;
            margin-bottom: 10px;
        }

        button {
            width        : 208px;
            height       : 32px;
            background   : rgba(240, 0, 0, 1);
            border-radius: 4px;
            margin       : auto;
            display      : block;
        }
    }
}


// 商品 详情 页面
.goodsDetails_content {
    .indexes {
        height     : 40px;
        line-height: 40px;
        font-size  : 14px;
    }

    .goods {
        overflow      : hidden;
        padding-bottom: 120px;
    }

    // 左图
    .imgs {
        width: 438px;

        .bigImg {
            width : 100%;
            height: 438px;
            width : 440px;
            height: 440px;
            border: 1px solid rgba(152, 152, 152, 1);
        }

        .list {
            height  : 68px;
            position: relative;

            .imgBox {
                width      : 390px;
                height     : 68px;
                margin-left: 24px;
            }

            .imgBox img {
                width       : 68px;
                height      : 68px;
                margin-right: 4px;
                border      : 1px solid rgba(56, 238, 193, 1);
            }
        }

        .up {
            position : absolute;
            left     : 0;
            top      : 16px;
            width    : 19px;
            height   : 32px;
            transform: rotate(180deg);
        }

        .down {
            position: absolute;
            right   : 0;
            top     : 16px;
            width   : 19px;
            height  : 32px;
        }
    }

    // 右文字
    .txt {
        width: 730px;

        .title {
            height     : 60px;
            line-height: 60px;
            font-size  : 22px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color      : rgba(51, 51, 51, 1);
        }

        i {
            width  : 2px;
            height : 20px;
            display: inline-block;
        }

        .box {
            padding-top   : 20px;
            padding-bottom: 20px;
            background    : rgba(243, 243, 243, 1);

            >div {
                display      : flex;
                margin-bottom: 16px;
                overflow     : hidden;
            }

            >div>div:nth-of-type(1) {
                width      : 100px;
                text-indent: 10px;
                font-size  : 16px;
            }

            .money {
                font-size  : 32px;
                font-family: Microsoft YaHei;
                font-weight: bold;
                color      : rgba(240, 0, 0, 1)
            }

            .discount {
                overflow: hidden;

                p {
                    display      : inline-block;
                    padding-left : 10px;
                    padding-right: 10px;
                    height       : 24px;
                    line-height  : 24px;
                    background   : #FFDEDF;
                    border       : 1px solid rgba(240, 0, 0, 1);
                    font-size    : 14px;
                    color        : #F00000;
                    margin-right : 20px;
                }
            }

            .activity {
                min-height: 60px;

                p {
                    font-size    : 16px;
                    color        : #F00000;
                    margin-bottom: 8px;
                }

                span {
                    font-size    : 14px;
                    color        : white;
                    display      : inline-block;
                    height       : 20px;
                    padding-left : 4px;
                    padding-right: 4px;
                    background   : #FDB65A;
                    margin-right : 14px;
                }
            }
        }

        .msg {
            margin-top: 24px;

            span:nth-of-type(1) {
                display: inline-block;
                width  : 100px;
            }
        }

        .num {
            margin-top: 30px;
            position  : relative;

            >span {
                position   : absolute;
                left       : 0;
                top        : 0;
                display    : inline-block;
                width      : 100px;
                line-height: 60px;
            }
        }

        .numbox {
            display    : inline-block;
            margin-left: 100px;
            width      : 120px;
            height     : 60px;
            background : rgba(242, 242, 242, 1);
            border     : 1px solid rgba(153, 153, 153, 1);
            position   : relative;

            span {
                display    : inline-block;
                width      : 30px;
                height     : 60px;
                line-height: 60px;
                text-align : center;
            }

            span:nth-of-type(1) {
                position: absolute;
                top     : 0;
                left    : 0;
            }

            span:nth-of-type(2) {
                position: absolute;
                top     : 0;
                right   : 0;
            }

            input {
                width      : 60px;
                height     : 58px;
                background : white;
                margin-left: 30px;
                text-align : center;
                font-size  : 20px;
            }
        }

        .submit {
            margin-top  : 30px;
            padding-left: 150px;
            font-size   : 16px;

            button {
                width       : 190px;
                height      : 60px;
                font-size   : 26px;
                margin-right: 50px;
                background  : rgba(240, 0, 0, 1);
            }

            button:nth-of-type(1) {
                background: rgba(253, 182, 90, 1);
            }

            p {
                margin-top: 40px;
            }
        }
    }

    // tab 切换
    .tab {
        padding-bottom: 80px;
    }

    .tabtitle {
        height       : 36px;
        line-height  : 36px;
        background   : rgba(245, 245, 245, 1);
        font-size    : 18px;
        font-family  : Microsoft YaHei;
        font-weight  : 400;
        display      : flex;
        color        : rgba(102, 102, 102, 1);
        border-bottom: 2px solid #38EEC1;

        >div {
            padding-left : 36px;
            padding-right: 36px;
        }
    }

    .tabtitleActive {
        background: #38EEC1;
        color     : white;
    }

    // 商品介绍
    .introduce {}

    // 参数与规格
    .parameter {
        padding-top: 50px;

        .list {
            overflow   : hidden;
            line-height: 40px;
        }

        .fl {
            width     : 260px;
            text-align: right;
        }

        .fr {
            width: 900px;
        }

    }

    // 评价
    .assessTab {
        margin-top : 20px;
        height     : 32px;
        line-height: 32px;
        background : rgba(245, 245, 245, 1);
        display    : flex;
        font-size  : 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color      : rgba(153, 153, 153, 1);

        >div {
            padding-left : 34px;
            padding-right: 34px;
        }
    }

    .assessMsg {
        overflow     : hidden;
        padding-top  : 50px;
        border-bottom: 1px solid #E6E6E6;

        .fl {
            width      : 244px;
            font-size  : 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(102, 102, 102, 1);
            text-align : center;

            img {
                width         : 40px;
                height        : 40px;
                vertical-align: middle;
                border-radius : 50%;
            }
        }

        .fr {
            width: 912px;

            span {
                display      : block;
                color        : #CBCBCB;
                font-size    : 14px;
                margin-top   : 20px;
                margin-bottom: 48px;
            }
        }

        .imglist {
            margin-top: 16px;

            img {
                width : 60px;
                height: 60px;
            }
        }
    }
}

//  支付
.pay_content {
    .header {
        margin-top: 36px;
        border-top: 1px solid #E4E3E3;

        >div {
            height: 108px;
        }

        .fl {
            font-size  : 30px;
            padding-top: 33px;
            font-weight: 500;
            color      : rgba(0, 0, 0, 1);
        }

        span {
            font-size  : 22px;
            margin-left: 20px;
        }

        img {
            width : 56px;
            height: 36px;
        }

        .fr {
            width      : 540px;
            padding-top: 30px;
        }
    }

    .content {
        padding-bottom: 146px;
    }

    .title {
        font-size    : 20px;
        font-family  : Microsoft YaHei;
        font-weight  : 400;
        color        : rgba(51, 51, 51, 1);
        margin-top   : 26px;
        margin-bottom: 88px;

        .fr {
            font-size  : 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(102, 102, 102, 1);
        }

        span {
            font-size  : 28px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color      : rgba(240, 0, 0, 1);
        }
    }

    .box {
        margin     : auto;
        width      : 1060px;
        height     : 600px;
        box-shadow : 0px 10px 51px 0px rgba(6, 0, 1, 0.34);
        padding-top: 22px;

        .titles {
            font-size    : 28px;
            font-family  : Microsoft YaHei;
            font-weight  : 400;
            color        : rgba(102, 102, 102, 1);
            text-indent  : 40px;
            margin-bottom: 26px;
        }

        .top {
            font-size  : 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(240, 0, 0, 1);
            line-height: 40px;
            height     : 40px;
            text-align : center;

            span {
                color: #1A6DEB;
            }
        }

        .pay_imgs {
            width : 302px;
            height: 302px;
            margin: auto;
        }


        .pay_txt {
            font-size  : 20px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(102, 102, 102, 1);
            margin-top : 24px;
            text-align : center;
        }

        .tabPay {
            margin-top : 60px;
            font-size  : 20px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(56, 238, 193, 1);
            text-indent: 40px;
        }

        .tab1 {
            text-align   : left;
            width        : 980px;
            height       : 54px;
            line-height  : 54px;
            margin       : auto;
            border-bottom: 1px solid #E6E6E6;
            font-size    : 16px;
            font-family  : Microsoft YaHei;
            font-weight  : bold;
            color        : rgba(51, 51, 51, 1);
            padding-left : 20px;

            .img1 {
                width         : 20px;
                height        : 20px;
                margin-right  : 20px;
                vertical-align: middle;
            }

            .img2 {
                width         : 28px;
                height        : 28px;
                margin-right  : 20px;
                vertical-align: middle;
            }
        }

        .mb {
            margin-bottom: 50px;
        }

        .tabActive {
            box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, .2)
        }

        .confirm {
            margin-top   : 42px;
            margin-left  : 92px;
            width        : 160px;
            height       : 44px;
            background   : rgba(240, 0, 0, 1);
            border-radius: 8px;
            font-size    : 24px;
            font-family  : Microsoft YaHei;
            font-weight  : bold;
            color        : rgba(255, 255, 255, 1);
        }
    }
}

// 支付成功 等待结果
.resuly_content {
    margin-top: 36px;

    .header {
        height: 108px;

        .fl {
            font-size  : 30px;
            padding-top: 33px;
            font-weight: 500;
            color      : rgba(0, 0, 0, 1);
        }

        img {
            width : 56px;
            height: 36px;
        }

        .fr {
            width      : 540px;
            padding-top: 30px;
        }
    }

    .content {
        margin-top   : 50px;
        margin-bottom: 200px;
        width        : 1200px;
        height       : 461px;
        background   : rgba(255, 255, 255, 1);
        border       : 1px solid rgba(204, 204, 204, 1);

        .top {
            text-align : center;
            font-size  : 20px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color      : rgba(51, 51, 51, 1);
            margin-top : 112px;

            span {
                margin-left: 40px;
                font-size  : 40px;
                font-family: Microsoft YaHei;
                font-weight: bold;
                color      : rgba(56, 238, 193, 1);
            }
        }

        .successImg {
            width         : 115px;
            height        : 115px;
            vertical-align: middle;
        }

        p {
            text-align : center;
            font-size  : 20px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(51, 51, 51, 1);
        }

        .go {
            margin       : auto;
            margin-top   : 66px;
            width        : 200px;
            height       : 60px;
            line-height  : 60px;
            text-align   : center;
            background   : rgba(255, 255, 255, 1);
            border       : 2px solid rgba(56, 238, 193, 1);
            border-radius: 8px;
            font-size    : 24px;
            font-family  : Microsoft YaHei;
            font-weight  : bold;
            color        : rgba(56, 238, 193, 1);
        }
    }

}

// 购物车
.cart_content {
    margin-top: 36px;

    .active {
        span {
            border    : none !important;
            background: #38eec1 !important;
        }
    }

    .header {
        height: 108px;

        .fl {
            font-size  : 30px;
            padding-top: 33px;
            font-weight: 500;
            color      : rgba(0, 0, 0, 1);
        }

        img {
            width : 56px;
            height: 36px;
        }

        .fr {
            width      : 540px;
            padding-top: 30px;
        }
    }

    .topTitle {
        width        : 120px;
        text-align   : center;
        height       : 40px;
        line-height  : 40px;
        font-size    : 20px;
        font-family  : Microsoft YaHei;
        font-weight  : bold;
        color        : rgba(56, 238, 193, 1);
        line-height  : 40px;
        border-bottom: 1px solid rgba(56, 238, 193, 1);
    }



    .title {
        width       : 1200px;
        height      : 52px;
        background  : rgba(243, 243, 243, 1);
        border      : 1px solid rgba(229, 229, 229, 1);
        padding-left: 12px;
        display     : flex;

        >div {
            height     : 52px;
            line-height: 52px;
        }


        .all {
            width     : 60px;
            text-align: right;
            position  : relative;

            span {
                position     : absolute;
                top          : 50%;
                left         : 0;
                transform    : translate(0, -50%);
                display      : inline-block;
                width        : 16px;
                height       : 16px;
                background   : rgba(255, 255, 255, 1);
                border       : 1px solid rgba(153, 153, 153, 1);
                border-radius: 50%;
            }
        }

        .goodstitle {
            width      : 600px;
            text-indent: 90px;
        }

        .goodsmoney {
            width     : 150px;
            text-align: center;
        }

        .goodssum {
            width     : 150px;
            text-align: center;
        }

        .moneySum {
            width     : 150px;
            text-align: center;
        }

        .goodsSet {
            width     : 150px;
            text-align: center;
        }
    }

    .goodsList {
        width       : 1200px;
        height      : 142px;
        background  : rgba(252, 252, 252, 1);
        border      : 1px solid rgba(245, 245, 245, 1);
        padding-left: 12px;
        display     : flex;
        padding-top : 20px;

        margin-top: 24px;

        >div {}

        img {
            width : 100px;
            height: 100px;
            border: 1px solid rgba(230, 230, 230, 1);
        }

        .all {
            width     : 40px;
            text-align: right;
            position  : relative;

            span {
                position     : absolute;
                top          : 20px;
                left         : 0;
                transform    : translate(0, -50%);
                display      : inline-block;
                width        : 16px;
                height       : 16px;
                background   : rgba(255, 255, 255, 1);
                border       : 1px solid rgba(153, 153, 153, 1);
                border-radius: 50%;
            }
        }

        .goodstitle {
            width      : 600px;
            font-size  : 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(102, 102, 102, 1);

            .imgs {
                margin-right: 12px;
            }

            .txt {
                width: 252px;

                .two {
                    height       : 40px;
                    margin-bottom: 28px;
                }
            }

            span {
                display   : inline-block;
                text-align: center;
                color     : #FFFFFF;
                width     : 38px;
                height    : 20px;
                background: rgba(253, 182, 90, 1);
            }
        }

        .goodsmoney {
            width      : 150px;
            text-align : center;
            font-size  : 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(51, 51, 51, 1);
        }

        .goodssum {
            width      : 150px;
            text-align : center;
            font-size  : 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(51, 51, 51, 1);

            .sum {
                width     : 84px;
                height    : 24px;
                background: rgba(255, 255, 255, 1);
                position  : relative;
                border    : 1px solid rgba(204, 204, 204, 1);
            }

            span {
                width      : 18px;
                height     : 24px;
                line-height: 22px;
                text-align : center;
                display    : block;
            }

            span:nth-of-type(1) {
                position    : absolute;
                top         : 0;
                left        : 0;
                border-right: 1px solid #CCCCCC;
            }

            input {
                position  : absolute;
                left      : 19px;
                top       : 0;
                width     : 48px;
                height    : 20px;
                font-size : 14px;
                color     : #666666;
                text-align: center;
            }

            span:nth-of-type(2) {
                position   : absolute;
                top        : 0;
                right      : 0;
                border-left: 1px solid #CCCCCC;
            }
        }

        .moneySum {
            width      : 150px;
            text-align : center;
            font-size  : 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color      : rgba(51, 51, 51, 1);
        }

        .goodsSet {
            width      : 150px;
            text-align : center;
            font-size  : 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(240, 0, 0, 1);
        }
    }

    .bottom {
        margin-top   : 30px;
        margin-bottom: 70px;
        width        : 1200px;
        height       : 58px;
        background   : rgba(252, 252, 252, 1);
        border       : 1px solid rgba(245, 245, 245, 1);
        padding-left : 12px;
        display      : flex;

        >div {
            height     : 58px;
            line-height: 58px;
        }


        .all {
            width     : 60px;
            text-align: right;
            position  : relative;

            span {
                position     : absolute;
                top          : 50%;
                left         : 0;
                transform    : translate(0, -50%);
                display      : inline-block;
                width        : 16px;
                height       : 16px;
                background   : rgba(255, 255, 255, 1);
                border       : 1px solid rgba(153, 153, 153, 1);
                border-radius: 50%;
            }
        }

        .goodstitle {
            width      : 540px;
            text-indent: 20px;
            font-size  : 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(153, 153, 153, 1);
        }

        .goodsmoney {
            width      : 200px;
            text-align : center;
            font-size  : 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(153, 153, 153, 1);
        }

        .goodssum {
            width      : 260px;
            text-align : center;
            font-size  : 28px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(240, 0, 0, 1);

            span {
                font-size  : 16px;
                font-family: Microsoft YaHei;
                font-weight: 400;
                color      : rgba(102, 102, 102, 1);
            }
        }

        .goodsSet {
            button {
                width     : 177px;
                height    : 58px;
                background: rgba(240, 0, 0, 1);
                font-size : 30px;
            }
        }
    }

}


// 搜索 详情
.search_content {
    padding-bottom: 80px;

    .NavTitle {
        height      : 42px;
        display     : flex;
        padding-left: 16px;
        font-size   : 20px;
        font-family : Microsoft YaHei;
        font-weight : 400;
        color       : #999999;
        position    : relative;

        img {
            width         : 20px;
            height        : 21px;
            vertical-align: middle;
        }

        >div:nth-of-type(1) {
            border-bottom: 2px solid #38EEC1;
        }

        >div {
            width       : 80px;
            line-height : 42px;
            margin-right: 34px;
        }

        i {
            display   : block;
            width     : 1px;
            height    : 20px;
            background: #E6E6E6;
            position  : absolute;
            top       : 14px;
            left      : 108px;
        }
    }

    .main {
        margin-top: 30px;
        border    : 1px solid rgba(230, 230, 230, 1);
        padding   : 25px 20px;

        .none {
            font-size  : 24px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
            text-align: center;
            span{
                color: red;
            }
        }

        .title {
            font-size  : 24px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color      : rgba(56, 238, 193, 1);
        }

        .txt {
            margin-top : 16px;
            font-size  : 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(51, 51, 51, 1);
        }
    }

    // 医生选择 
    .selectTab {
        margin-top  : 38px;
        padding-top : 80px;
        padding-left: 32px;
        display     : flex;
        flex-wrap   : wrap;
        position    : relative;
        border      : 1px solid #E6E6E6;

        .titles {
            position   : absolute;
            left       : 20px;
            top        : 30px;
            font-size  : 24px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color      : rgba(51, 51, 51, 1);
        }

        .all {
            position   : absolute;
            right      : 20px;
            top        : 36px;
            font-size  : 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color      : rgba(51, 51, 51, 1);
        }

        .box {
            width           : 260px;
            // height       : 280px;
            border          : 1px solid rgba(230, 230, 230, 1);
            padding-top     : 32px;
            margin-bottom   : 20px;
            margin-right    : 32px;
            position        : relative;
        }

        .sum {
            position: absolute;
            top     : 10px;
            right   : 10px;
            color   : #38EEC1;
        }

        .sumNum {
            color: #FF0000;
        }

        .headerImg {
            margin       : auto;
            width        : 100px;
            height       : 100px;
            border       : 1px solid rgba(203, 203, 203, 1);
            border-radius: 50%;
            text-align   : center;
            padding-top  : 5px;

            img {
                width        : 88px;
                height       : 88px;
                border-radius: 50%;
            }
        }

        .p1 {
            text-align: center;
            margin-top: 20px;
            color     : rgba(51, 51, 51, 1);
            font-size : 16px;
            height    : 60px;

            span {
                font-size: 20px;
            }
        }

        .p2 {
            font-size    : 16px;
            font-family  : Microsoft YaHei;
            font-weight  : 400;
            color        : rgba(153, 153, 153, 1);
            margin-top   : 18px;
            padding-left : 10px;
            padding-right: 10px;
        }

        .p3 {
            margin-left  : 10px;
            width        : 240px;
            margin-top   : 16px;
            padding-top  : 16px;
            margin-bottom: 12px;
            border-top   : 1px solid #E6E6E6;
            font-size    : 16px;
            font-family  : Microsoft YaHei;
            font-weight  : 400;
            color        : rgba(153, 153, 153, 1);
        }

        .bottom {
            height    : 62px;
            display   : flex;
            background: #F8F8F8;
            font-size : 16px;

            >div {
                width : 50%;
                border: 1px solid #E6E6E6;
            }

            img {
                width       : 32px;
                height      : 32px;
                margin-left : 14px;
                margin-right: 6px;
                margin-top  : 14px;
            }
        }

        .ffl {
            width     : 74px;
            text-align: center;
        }

        .txt1 {
            margin-top: 8px;
            text-align: center;
        }

        .txt2 {
            color     : #FF9900;
            font-size : 18px;
            text-align: center;
        }
    }
}